﻿@charset "utf-8";
/* Css general*/
.clean{ clear: both; line-height: 0;font-size: 0; margin:0; padding:0;}
.L{ float:left;}
.R{ float:right;}
.clean{ clear: both; line-height: 0;font-size: 0; margin:0; padding:0;}
.no_border{ border:none !important;}
.error{ border:1px solid #F00 !important;}
.text_need{ color:#F00;}
.other_bg{ background:#fff327;}
/* Css general*/
 /* ---------------------*/ 
body{font-family:Arial, Helvetica, sans-serif;height:100%; margin:0; padding: 0; text-align: center;font-size:13px;}
div.index{ margin:0; padding: 0; width:100%;}
/* -------header------------*/ 
div.index_header{margin: 0 auto; width:100%; background:#efefef url(../images/header.png) no-repeat center top; height:130px; }
	header.header{ margin: 0 auto; width:940px; }
		div.header_L{ float:left; width:230px; padding-top:10px; padding-bottom:6px; text-align:left;}
	div.header_Ce{ float:right;  text-align:right; padding-top: 5px;}
 /* -------main menu------------*/ 
 div.index_menu{ width:100%; background:url(../images/bg_header.png) repeat-x center top; height:38px;}
div.menu_center{ width:940px; margin:0 auto; overflow:hidden;}

 /* -------main content------------*/ 
div.index_middle{margin: 0 auto; width:940px; padding-bottom:10px;}
div.content{ margin: 0 auto 20px; overflow:hidden; }
/* -------layout 1 cot  ----------*/ 
div.col_CC{ width:100%; margin:0px ; padding:0px; min-height:250px; padding-bottom:10px; }
	div.banner_big{ text-align:left; background:url(../images/bg_banner.jpg); height:316px; padding-top:112px; padding-left:60px; margin-top:10px; overflow:hidden;}
	div.banner_big_co{ width:400px;}
	h4.banner_big_title{ font-size:60px; color:#008ac3; margin-bottom:27px;}
	p.banner_big_des{ font-size:18px; color:#000; text-align:left;}
	ul.banner_big_list{ list-style-image:url(../images/ic_list.png); font-size:16px; list-style-position:inside; margin-top:20px;}
	ul.banner_big_list li{ line-height:20px;}
	div.banner_list{overflow:hidden; margin-top:7px;} 
	div.banner_item{ float:left; width:308px; height:156px; margin-right:8px; position:relative;}
.end{ margin-right:0px !important;}
span.banner_title{ color:#008ac3; text-align:left; font-size:28px; text-transform:uppercase; font-stretch:semi-condensed; }
span.arrBlack{ background: url(../images/ch_icon.png) no-repeat -522px -205px;width:16px;height:16px; display:inline-block; margin-top:3px;vertical-align:-2px; margin-left:5px;}
a.click { display:block;position:absolute; left:15px; top:60px; font-size:16px; color:#39393b; text-align:left; cursor:pointer; }
a.click:hover .banner_title{ color:#000;}
a.click:hover  .arrBlack { background: url(../images/ch_icon.png) no-repeat -497px -205px;}
div.menu_info{ background: url(../images/ch_icon.png) no-repeat -415px -638px;padding-top:30px; overflow:hidden; line-height:20px; margin-top:20px; width:940px; margin:0px auto;}
div.menu_info a{ display:block; color:#000; }
div.menu_info a:hover{ color:#008ac3;}
ul.menu_info_list{ list-style:none;}
ul.menu_info_list li{ float:left; width:308px; }
p.menu_info_TT{ color:#a1a1a1; font-size:16px; font-weight:bold; font-stretch: semi-condensed; text-transform:uppercase; text-align:left;}
p.menu_info_des{ font-size:14px; text-align:left; color:#212121;}
p.social_link{ text-align:right; margin:2px 0px; overflow:hidden;}
p.social_link a{ float:right; margin-right:3px;}
/* -------layout cot hai cot LC ----------*/ 
	div.Col_LC_L{ float:left; width:330px; padding-right:20px; padding-top:25px;text-align: justify;}
	h4.title_page{ text-align:justify; color:#a1a1a1; font-size:19px;}
	div.start_design p{ font-size:14px; color:#404040; padding:5px 0px; text-align:justify;}
	div.Col_LC_Ce{ float:right; width:570px; padding-left:20px;padding-top:20px;}
	ul.product{ list-style:none;	}
	ul.product li{ float:left; border:1px solid #d9d9d9; border-radius:2px; margin:10px 9px; cursor:pointer;}
	ul.product li:hover{ border:1px solid #000;}
	a.product_title{ display:block; color:#000; background:#d9d9d9; text-align:center; font-size:16px; height:28px; padding-left:9px; padding-top:5px; font-weight:bold; font-stretch:condensed; text-transform:uppercase;}
a.product_title:hover,ul.product li:hover a{ background:url(../images/bg_pro.png) repeat-x center top; color:#fff !important;}
/* -------layout 3 cot  ----------*/ 
div.Col1{float:left; width:300px; padding-bottom:25px; padding-top:10px;text-align: justify;}
div.Col2{float:left; width:340px; padding-bottom:25px; padding-top:10px;}	
	
	h4.title_detail{ text-align:left; color:#404040; font-size:16px;}
	p.price{ font-size:25px; font-weight:bold; text-align:left; color:#404040;}
	p.title_small{ font-size:13px; color:#404040; text-align:left; text-transform:uppercase; font-stretch:condensed; margin:10px 0px 5px 0px; position:relative;}
	p.title_small span{ position:absolute; right:0px;}
	p.title_small .selectedIndex{ position:absolute; right:42px;}
/* -------album hinh  ----------*/ 	
div.detail_img{width:294px;margin:0px auto; position:relative;}
div.bg_img{ margin:0px auto; width:294px; margin:0px auto; text-align:center; }
div.bg_img img{ width:294px; height:auto;}
div.bg_img_list{ padding-top:5px;margin:0px auto;}
div.img_list{ text-align:center;}
div.img_list img{ width:55px; height:55px; margin:4px;border-radius:2px; border:1px solid #d9d9d9; }	
p.list_socail{ text-align:left; margin:10px 0px;}

 /* -------footer----------*/	  
footer.index_footer{ background:url(../images/bg_footer.png) repeat-x top; height:109px; overflow:hidden;}
div.footer{ margin:0px auto; width:940px;}
div.footer a{ float:left; width:116px; margin-top:10px;}
p.footer_info{ margin-left:20px; text-align:left; color:#fff; line-height:20px; float:left; width:384px; margin-top:25px;}


